@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{	
	/* font-family: 'BebasRegular'; */
	font-family: arial narrow;
	width:100%;
	height:100%;	
}

.navigation{
	position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	background: #000;
	text-align: right;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: 'BebasRegular';
	z-index: 9999;
	opacity: 0.6;
}

#image_holder .navigation{
	position: relative !important;
	width: 100% !important;
}

#image_holder .navigation li{
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	display: block !important;
}

.navigation li{
	color: #fff;
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	-webkit-transition: all .1s ease-in-out;
	text-align: left;
	float: left !important;
	font-size: 14px;
	line-height: 1.4em;
	margin-top: 10px;
	word-spacing: 0.4em;
	font-size: 1em;
}
.navigation li:hover,.active{
	font-size:18px;
	cursor:pointer;
	color: #5f6062; 
}

.ourstory_header_nav{
	/* color: #e4232f !important; */  
	
}

.ourstory_header_nav:hover{
	color: #e4232f !important;
}


.caps_header_nav{
	/* color: #bbb43e !important; */  
	
}

.caps_header_nav:hover{
	color: #bbb43e !important;
}

.work_header_nav{
	/* color: #b23525; */
	
}

.work_header_nav:hover{
	color: #b23525 !important;
}

.team_header_nav{
	/* color: #b4cacc !important; */
	
}

.team_header_nav:hover{
	color: #b4cacc !important;
}

.subpage_contact{
	
}

.subpage_contact:hover{
	color: #5f6062 !important;
}

.contact_link{
	float: left;
	margin-top: 0.6%;
	color: #5f6062;
	display: inline-block;	
	font-size: 1em;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	padding-left: 1.5%;
	word-spacing: 0.4em;
}

.contact_link:hover{
	font-size:18px;
	cursor:pointer;
	/* color: red; */
}

.logo{
	width: 22% !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-bottom: none !important;
	padding-left: 9% !important;
}

.logo:hover,.active{
	border: none !important;
}

.navigation_subpage .logo img{
	padding-left: 17% !important;
}

.logo img{
	background: none;
	height: 60px !important;
	width: 205px !important;
	float: left;
	margin-top: -15px;
	padding-left: 17%;
}

.envatologo{
	position:fixed;
	top:50%;
	left:50%;
	width:446px;
	margin-top:-41px;
	margin-left:-223px;
	z-index:1;
}

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	overflow:hidden;
	/* box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); */
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno_home{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}

.slideno{
	position:absolute;
	/* bottom:0px;
	left:84%; */
	top: 15%;
	left: 63%;
	font-size:25px;
	font-weight:bold;
	color:#5f6062;
}

.slideno a{
	text-decoration: none;
	color: #5f6062;
}

.slideno a:hover{
	color: #b23525;
}

.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:90%;
	background-color:#5f6062;
	background-image:url(../images/arrow.png);
	display: none;
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	
}

#img_logo_holder{
	border: 1px solid black;
}

#slide1 #image_holder{
	height: 100%;
	width: 100%;
	position: relative;
}

#slide1 #image_holder img{
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 100%;
}

.train_holder{
	width: 60%;
	position: absolute;
	bottom: 6%;
	left: 100%;
	max-height: 70px !important;
}

.train_holder img{
	width: 100%;
}


.tooltip2{
	z-index: 9999;
}

.tooltip_holder{
	height: 200px;
	position: absolute;
	width: 200px;
	right: 300px;
	top: 160px;
}

.tooltip{
	z-index: 999;
	position: relative;
}

.tooltip2_holder{
	position: absolute;
	height: 200px;
	width: 200px;
	right: 75px;
	top: 200px;
}

.tooltip3_holder{
	position: absolute;
	height: 200px;
	width: 200px;
	right: 400px;
	top: 75px;
}

.tooltip3{
	z-index: 9999;
}

#slide1 .tooltip img{
	position: absolute;
	width: 45px;
	height: 40px;
	background: none;
	z-index: 999;
	left: 30px !important;
	top: 100px !important;
	display: block !important;
}

#slide1 .tooltip3 img{
	position: relative;
	width: 45px;
	height: 40px;
	background: none;
	z-index: 999;
	left: 0px !important;
}

.tooltip3:hover{
	cursor:pointer
}

.tooltip3 span{
	display: none;
}

.tooltip:hover{
	cursor: pointer;
}

.tooltip span{
	display: none;
}

.tooltip:hover span{
	display: inline;
	position: absolute;
	float: left;
	border: 4px solid #43c0bf;
	width: 130px;
	font-size: 12px;
	padding: 6px 9px;
	border-bottom-right-radius: 220px;
	border-top-left-radius: 100px;
	border-top-right-radius: 60px;
	-moz-box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
	z-index: 9999999;
	background: #fff;
	left: 80px;
	top: 50px;
}

.tooltip3:hover span{
	display: inline;
	position: relative;
	float: left;
	left: 50px;
	bottom: 30px;
	border: 4px solid #43c0bf;
	width: 130px;
	font-size: 12px;
	padding: 6px 9px;
	border-bottom-right-radius: 220px;
	border-top-left-radius: 100px;
	border-top-right-radius: 60px;
	-moz-box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
	z-index: 9999999;
	background: #fff;
}


#slide1 .tooltip2 img{
	position:relative;
	width: 45px;
	height: 40px;
	z-index: 999;
	background: none;
	float: left;
	display: block !important;
	top: 25px;
}

.tooltip2:hover{
	background: #fff;
	cursor: pointer;
}

.tooltip2 span{
	display: none;
	padding: 6px 9px;
	margin-left: 8px;
	width: 130px;
	font-size: 12px;
}

.tooltip2:hover span{
	display: inline;
	position: relative;
	float: left;
	border: 4px solid #43c0bf;
	width: 130px;
	font-size: 12px;
	padding: 6px 9px;
	border-bottom-right-radius: 220px;
	border-top-left-radius: 100px;
	border-top-right-radius: 60px;
	-moz-box-shadow: 0px 0px 15px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
	z-index: 99999;
	background: #fff;
	left: 40px;
	bottom: 65px;
}

.lastbulb{
	position: absolute;
	top: 415px;
	left: 50px;
}

#slide1{
	font-family: Arial, Helvetica, sans-serif;
}

#slide1 img:nth-child(2){
	position:absolute;
	top:300px;
	left:250px;
	width: 45px;
	height: 40px;
}


#slide1 img:nth-child(3){
	position:absolute;
	top:300px;
	left:250px;
	width: 45px;
	height: 40px;
}




#slide1 img:nth-child(4){
	position:absolute;
	top:450px;
	left:50px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(5){
	position:absolute;
	top:250px;
	right:100px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(6){
	position:absolute;
	top:350px;
	right:500px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(7){
	position:absolute;
	top:200px;
	right:400px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(9){
	position:absolute;
	top:100px;
	right:750px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(10){
	position:absolute;
	top:500px;
	right:640px;
	width: 45px;
	height: 40px;
}
#slide1 img:nth-child(11){
	position:absolute;
	top:100px;
	right:200px;
	width: 45px;
	height: 40px;
}

/******************************
 SLIDE 2 
*******************************/
#slide2_holder{
	width: 90%;
	/* height: 600px; */
	height: 95%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	color: #e4232f;
	max-width: 1145px;
	margin-top: 1%;
}

#slide2header{
	width: 100%;
	text-align: center;
}

#slide2header img{
	margin-top: 6%;
}

#left_col{
	height: 75%;
	float: left;
	width: 34%;
	padding-left: 5%;
}

#left_col img{
	display: block;
	height: 98.5%;
	max-height: 400px;
	padding-left: 15%;
	width: 85%;
}

#right_text{
	float: left;
	width: 55%;
	height: auto;
}

#right_text p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 5%;
	width: 92%;
	max-height: 38%;
	text-align: justify;
}

#testimonial{
	float: left;
	width: 26%;
	height: 35%;
	background: url("../images/ourstorytestimonial.png");
	background-repeat: no-repeat !important;
	position: relative;
	margin-left: 2%;
	background-size: cover;
}

#testimonial p{
	font-size: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9.5%;
	padding-left: 13%;
	width: 80%;
	margin-top: 6%;	
	line-height: 1.6em;
	height: 80%;
}

#testimonial p .author{
	font-weight: bold;
	font-size: 14px;
	display: block;
	font-variant: small-caps;
	width: 65%;
}

.infograph_mini{
	float: left;
	width: 26%;
	height: 33%;
	background:url('../images/ultimately.png');
	background-repeat: no-repeat;
	background-size: cover;
}	

#slide2{
	background-color:#fff;
	
}
/* #slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:100px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:400px;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
} */
/******************************
 SLIDE 3 
*******************************/
#slide3{
	background: #fff;
	color: #bbb43e;
}
/* #slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
 */
#slide3_holder{
	width: 90%;
	height: 95%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1%;
	max-width: 1145px;
}

#slide3header{
	width: 100%;
	text-align: center;
}

#slide3header img{
	margin-top: 6%;
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}

#left_holder_cap{
	width: 63%;
	height: 80%;
	float: left;
	padding-left: 50px;
}

#left_holder_cap ul{
	list-style-type: none;
	padding-left: 3%;
	width: 100%;
	height: 90%;
}

#left_holder_cap li{
	width: 45%;
	height: 50%;
	display: inline-block;
	margin: 2%;
}

#left_holder_cap li img{
	width: 100%;
	height: 80%;
	max-height: 275px !important;
}

#right_holder_cap{
	float: left;
	width: 28%;
	height: 42%;
}

#right_holder_cap p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	padding-left: 5%;
	text-align: justify;
}

#testimonial_cap{
	float: left;
	width: 26%;
	height: 32%;
	background-repeat: no-repeat !important;
	position: relative;
	background: url("../images/captestimonial.png");
	margin-left: 1%;
	margin-top: 1%;
}

#testimonial_cap p{
	font-size: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9.5%;
	padding-left: 13%;
	width: 80%;
	margin-top: 6%;	
	line-height: 1.6em;
}

#testimonial_cap p .author{
	font-weight: bold;
	font-size: 14px;
	display: block;
	width: 75%;
	font-variant: small-caps;
}

/******************************
 SLIDE 4 
*******************************/

#slide4{
	/* background-image:url(../images/map.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: purple;
	color: #b23525; */
	background: #fff;
	color: #b23525;
}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#slide4_holder{
	width: 95%;
	height: 600px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1145px;
	margin-top: 1%;
}

#slide4header{
	width: 100%;
	text-align: center;
}

#slide4header img{	
	margin-top: 6%;
}

#work_text{
	float: left;
	width: 42%;
	height: 28%;
	background: #fff;
	padding-bottom: 2%;
	margin-left: 9%;
}

#work_text_right{
	float: left;
	width: 42%;
	height: 28%;
	background: #fff;
	padding-bottom: 2%;
}

.work #footer{
	height: 70% !important;
	position: relative;
}

#work_text p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 95%;
	text-align: justify;
}

#work_text_right p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 95%;
	text-align: justify;
}

#work_testimonial{
	width: 28%;
	background: #fff;
	height: 33%;
	float: left;
	background: url("../images/worktestimonial.png");
	background-repeat: no-repeat !important;
	position: relative;
	margin-left: 8%;
	background-size: cover;
}

#work_testimonial p{
	font-size: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9.5%;
	padding-left: 13%;
	width: 80%;
	margin-top: 6%;	
	line-height: 1.6em;
}

#work_testimonial p .author{
	font-weight: bold;
	font-size: 14px;
	display: block;
	font-variant: small-caps;
	width: 75%;
}

#work_image{
	width: 89%;
	float: left;
	background: #fff;
	height: 35%;
	margin-left: auto;
	margin-right: auto;
	/* background: url('../images/workimage.png'); */
	background-position: center;
	background-repeat: no-repeat;
}

#work_image img{
	float: right;
	margin-right: 1%;
	width: 85%;
}

.work_info_one{
	float: left;
	width: 28%;
}

.work_info_one img{
	width: 100%;
	height: 100%;
}

.work_info_two{
	float: left;
	margin-top: -0.5%;
	width: 28%;
}

.work_info_two img{
	width: 100%;
	height: 100%;
}

/******************************
 SLIDE 5 
*******************************/

#slide5{
	background: #fff;
	color: #b4cacc;
	overflow-y: hidden !important;
}

#slide5 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#slide5_holder{
	width: 90%;
	height: 600px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1145px;
	margin-top: 1%;
}

#slide5header{
	width: 100%;
	text-align: center;
}

#slide5header img{	
	margin-top: 6%;
}
.team_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
}

.team_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.team_header ul{
	margin-left: 5%;
}

.team_header li{
	display: inline;
	float: left;
	width: 40%;
}

.team_header .image{
	width: 9% !important;
}
#left_holder_team{
	width: 31%;
	height: 80%;
	float: left;
}

#left_holder_team img{
	width: 100%;
}

#right_holder_team{
	float: left;
	width: 67%;
	height: 80%;
}

#right_holder_team ul{
	list-style-type: none;
	width:100%;
	height: 85%;
	padding-left: 6%;
	padding-top: 1%;
}

#right_holder_team li{
	display: inline-block;
	border: 1px solid;
	height: 65px;
	width: 65px;
	margin: 2% 3%;
	border-radius: 35px;
}	

#right_holder_team li img{
	width: 100%;
}

#team_holder{
	height: 100%;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1145px;
}

.careers_banner{
	float: left;
	background: #b4cacc;
	color: #fff;
	margin-left: 10%;
	width: 91%;
}

.careers_banner h2{
	padding-left: 0.5%;
	word-spacing: 0.3em;
	margin-top: 0.5%;
	float: left;
}

.careers_banner i{
	display: inline-block;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5%;
}

.careers_banner a{
	color: #fff;
	text-decoration: none;
}

.careers_banner a:hover{
	color: #5f6062;
}

.team_testimonial{
	width: 100%;
	background: #fff;
	height: 33%;
	float: left;
	background: url("../images/teamtestimonial.png");
	background-repeat: no-repeat !important;
	position: relative;
	height: 100%;
	margin-left: 4%;
	margin-top: 2%;
}

.team_testimonial p{
	font-size: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9.5%;
	padding-left: 13%;
	width: 80%;
	margin-top: 6%;	
	line-height: 1.6em;
}

.team_testimonial p .author{
	font-weight: bold !important;
	font-size: 14px;
	display: block;
	font-variant: small-caps !important;
	width: 95%;
	line-height: 1.4em;
}


/******************************
 SLIDE 5 
*******************************/

#slide6{
	color: #fff;
	height: 0 !important;
}

#footer_stuck{
	height: 2%;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #5f6062;
	z-index: 9999;
}

#footer{
	height: 350px;
	background: #5f6062;
	padding: 75px;
	background: url('../images/skyline_footer.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:  cover;
	position: relative;
}
/* 
#footer_holder{
	height: 350px;
	border: 1px solid;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 0;
	background: #5f6062;
	background: url('../images/skyline_blue.png');
	background-repeat: no-repeat;
	background-position: center;
} */

#footer_left{
	width: 35%;
	height: 30%;
	float: left;
	position: absolute;
	padding-left: 2%;
	left: 15%;
	bottom: 5%;
}

#footer_left h2{
	word-spacing: 0.2em;
	color: #fff;
	font-family: 'BebasRegular';
font-size: 1em;
margin-top: 2%;
}

#footer_left p{
	font-size: 11px;
	line-height: 17px;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 1.6;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 65%;
}

#footer_middle{
	width: 20%;
	height: 30%;
	float: left;
	position: absolute;
	padding-left: 2%;
	color: #fff;
	word-spacing: 0.4em;
	bottom: 5%;
	left: 43%;
}


#footer_middle h2{
	display: block !important;
	font-family: 'BebasRegular';
font-size: 1em;
margin-top: 2%;
}

#footer_right{
	width: 20%;
	height: 30%;
	float: left;
	color: #fff;
	position: absolute;
	bottom: 5%;
	right: 20%;
}

#footer_sitemap{
	float: left;
	position: absolute;
	color: #fff;
	height: 30%;
	bottom: 5%;
	right: 15%;
	font-family: 'BebasRegular';
font-size: 1em;

}

#footer_sitemap li{
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

#footer_sitemap a{
	text-decoration: none;
	color: #fff;
font-size: 11px;
line-height: 17px;
font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	text-align: left;
}

#footer_sitemap a:hover{
	color: #b4cacc;
}

#footer_right{
font-family: 'BebasRegular';
font-size: 1em;
margin-top: 2%;
}

#footer_right ul{
	list-style-type: none;
}

#footer_right li{
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-left: 10px;
	border-radius: 15px;
	
}


/* ##################

	OUR STORY

################## */
.ourstory{
	color: #e4232f;
}

.ourstory p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}

.ourstory .content a{
	color: #e4232f;
	text-decoration: none;
	font-weight: bold;
}

.ourstory .content a:hover{
	color: #5f6062;
}


.ourstory h2{
	display: inline;
	word-spacing: 0.2em;
}

.navigation_subpage{
	position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	background: #fff;
	text-align: right;
	height: 8%;
	font-family: 'Kameron', serif;
	text-transform: uppercase;
	opacity: 0.9;
	z-index: 9999;
}


.navigation_subpage li{
	color:#5f6062;
	display:inline-block;
	padding: 0 11px;
	line-height:30px;
	-webkit-transition: all .1s ease-in-out;
	text-align:left;
	width:5370pxpx;
	float: left !important;
	font-size: 1em;
	margin-top: 10px;
	word-spacing: 0.4em;
	line-height: 1.4em;
}
.navigation_subpage li:hover,.active{
	cursor:pointer;
}

.navigation_subpage .work_header_nav{
	
}

.header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.content{
	width: 100%;
	border-top: 4px solid;
	float: left;
	height: 100%;
	position: relative;	
}

.left_content{
	float: left;
	width: 68%;
	position: relative;
	padding-left: 7%;
}

.right_sidebar{
	float: left;
	width: 20%;
	position: relative;
	margin-top: 2%;
}

.left_info_holder{
	float: left;
	margin-left: 4%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}	

.left_info_holder img{
	width: 80%;
}

.right_text_holder{
	float: left;
	height: 380px;
	width: 40%;
	position: relative;
	margin-top: 2.5%;
}

.right_text_holder p{
	width: 100%;
}

.right_sidebar ul{
	list-style-type: none;
	width: 100%;
	height: 100%;
	padding-left: 6%;
	padding-top: 6%;
}

.right_sidebar li{
	display: inline-block;
	border: 1px solid;
	height: 65px;
	width: 65px;
	margin: 2% 3%;
	border-radius: 35px;
}	

.left_text_holder{
	float: left;
	margin-left: 4%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}

.right_info_holder{
	float: left;
	margin-left: 0%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}

.right_info_holder img{
	width: 80%;
}

/* 
.ourstory #footer_holder{
	width: 100%;
	height: 40%;
	border: 1px solid;
	margin-left: auto;
	margin-right: auto;
	background: #5f6062;
	position: relative;
}

.ourstory #footer_left{
	width: 35%;
	border: 1px solid;
	height: 30%;
	float: left;
	margin-top: 15%;
	padding-left: 2%;

}

.ourstory #footer_left h2{
	word-spacing: 0.2em;
}

.ourstory #footer_left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	position: relative;
	bottom: 0px;
}

.ourstory #footer_middle{
	width: 30%;
	border: 1px solid;
	height: 30%;
	float: left;
	margin-top: 15%;
	padding-left: 2%;
	position: relative;
}

.ourstory #footer_right{
	margin-top: 15%;
	width: 30%;
	border: 1px solid;
	height: 30%;
	float: left;
	position: relative;
}


 */

/* ##################

	Capabilities

################## */
.caps{
	color: #bbb43e;
}

.caps p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}

.navigation_subpage{
	position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	background: #fff;
	text-align: right;
	height: 8%;
}

.navigation_subpage li{
	color:#5f6062;
	display:inline-block;
	padding: 0 20px;
	line-height:30px;
	-webkit-transition: all .2s ease-in-out;
	text-align:left;
	width:5370pxpx;
	float: left !important;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 10px;
	word-spacing: 0.4em;
}

.navigation_subpage li a{
	text-decoration: none;
	color: #5f6062;
}

.navigation_subpage li a:hover{
	color: #e4232f;
}

.navigation_subpage li:hover,.active{
	cursor:pointer;
}

#caps_container{
	min-height: 100%;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
	display: block;
}

.caps_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
}

.caps_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	border-bottom: 3px solid;
	color: #5f6062;
}

.caps_content{
	width: 100%;
	border-top: 3px solid;
	float: left;
	height: 100%;
	position: relative;
}

.caps_left_content{
	float: left;
	width: 68%;
	position: relative;
	padding-left: 7%;
}

.caps_right_sidebar{
	float: left;
	width: 22%;
	position: relative;
	margin-top: 1.2%;
}

.caps_left_info_holder{
	float: left;
	margin-left: 4%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}	

.caps_left_info_holder img{
	width: 80%;
	height: 100%;
	max-height: 380px !important;
}

.caps_right_text_holder{
	float: left;
	height: 380px;
	width: 40%;
	position: relative;
	margin-top: 2.5%;
}

.caps_right_text_holder p{
	width: 100%;
}

.caps_right_sidebar ul{
	list-style-type: none;
	width: 100%;
	height: 100%;
	padding-left: 4%;
	padding-top: 1.5%;
}

.caps_right_sidebar li{
	display: block;
	height: 200px;
	width: 88%;
	margin: 2% 1%;
	position: relative;
	padding-bottom: 5px;
}	

.caps_right_sidebar img{
	width: 100%;
	height: 100%;
	box-shadow: 0 8px 2px -2px #808080;
	opacity: 1;
}

.caps_right_sidebar img:hover{
	opacity: 0.7;
}


.caps_right_sidebar h2{
	padding-left: 4%;
}

.sidebar_img{
	height: 80%;
}

.sidebar_title{
	height: 15%;
	padding-top: 10px;
	color: #bbb43e;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	text-align: center;
	width: 100%;
}

#philosophy_title{
	margin-top: 65px;
}

.caps h2{
	word-spacing: 0.4em;
}

.caps_left_text_holder{
	float: left;
	margin-left: 4%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}

.caps_right_info_holder{
	float: left;
	margin-left: 0%;
	height: 380px;
	width: 45%;
	position: relative;
	margin-top: 2%;
}

.caps_right_info_holder img{
	width: 80%;
	height: 100%;
	max-height: 380px !important;
}

.caps_contact{
	width: 100%;
	height: 100%;
}	

.caps_work{
	width: 88%;
	float: left;
	position: relative;
	text-align: center;
	padding-bottom: 5%;
	margin-left: 7%;
}

.caps_work a{
	text-decoration: none;
	color: #b23525;
}

.caps_work a:hover{
	color: #5f6062;
}	

.caps_work h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #b23525;
}
/* ##################

	Work

################## */
.work{
	color: #b23525;
}

.work p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
}

.project .project_desc a{
	color: #b23525;
	text-decoration: none;
	font-weight: bold;
}

.project .project_desc a:hover{
	color: #5f6062;
}

#work_container{
	min-height: 1250px;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}

.work_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
	padding-left: 4%;
}

.work_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.work_header ul{
	margin-left: 5%;
}

.work_header li{
	display: inline;
	float: left;
	width: 40%;
}

.work_header .image{
	width: 9% !important;
}

.work_content ul{
	width: 100%;
	height: 100%;
}	

.work_content li{
	width: 260px;
	height: 190px;
	display: inline-block;
	margin-top: 5%;
	padding-bottom: 5%;
	margin-left: 8%;
}

.work_content li img{
	width: 100%;
	height: 100%;
	box-shadow: 0 8px 2px -2px #808080;
	opacity: 1;
}

.work_content li img:hover{
	opacity: 0.7;
}

.work_content a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#work_infograph{
	float: right;
	border: 1px solid;
	height: 5%;
	width: 82%;
	margin-right: 9%;	
	background: #b23525;
	color: #fff;
}	

#work_infograph p{
	width: 100%;
}

#work_infograph h2{
	padding-left: 0.5%;
	word-spacing: 0.3em;
	margin-top: 0.5%;
	float: left;
}

#work_infograph i{
	display: inline-block;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5%;
}

#work_infograph a{
	color: #fff;
	text-decoration: none;
}

#work_infograph a:hover{
	color: #5f6062;
}

.proj_dec{
	color: #b23525;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
}

.proj_details{
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.work_team{
	width: 87%;
	float: left;
	position: relative;
	text-align: center;
	padding-bottom: 5%;
	margin-left: 7%;
	margin-top: 5%;
}

.work_team a{
	text-decoration: none;
	color: #b23525;
	font-weight: normal;
}

.work_team a:hover{
	color: #5f6062;
}	

.work_team h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #b23525;
}

/* ##################

	project

################## */
.project{
	color: #5f6062;
	position: relative;
}

.project p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}


#project_container{
	min-height: 100%;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}

.project_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
}

.project_header h2{
	font-size: 3em;
	padding-left: 5%;
	width: 95%;
	border-bottom: 3px solid;
	color: #5f6062;
	word-spacing: 0.2em;
}

.project_content{
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}

.project_image{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 50%;
	margin-top: 2%;
	position: relative;
}

.project_image img{
	width: 100%;
	height: 350px;
}


.project_desc{
	width: 55%;
	height: 80%;
	float: left;
	margin-top: 2%;
	padding-left: 6.5%;
	position: relative;
}

.project_desc h2{
	word-spacing: 0.2em;
	color: #b23525;
}

.project_facts{
	width: 31%;
	height: 30%;
	float: left;
	margin-top: 2%;
	padding-left: 1%;
	position: relative;
}

.project_facts ul li{
	list-style-type: disc;
	line-height: 1.4em;
}	

.project_facts h2{
	word-spacing: 0.2em;
	color: #b23525;
}


.bottom_link{
	width: 100%;
	text-align: left;
	position: relative;
	float: left;
	word-spacing: 0.4em;
	margin-top: 5%;
	padding-left: 5%;
}

.bottom_link a{
	color: #b23525;
	text-decoration: none;
	font-size: 3em;
}

.bottom_link a:hover{
	color: #5f6062;
}

.project_facts ul{

}

.project_facts li{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 4%;
	font-weight: bold;
}

#subpage_footer{
	height: 10%;
	background: black;
	width: 100%;
	position: relative;
	float: left;
}

.footer{
	background: black;
	width: 100%;
	min-height: 600px;
	background: url('../images/skyline_footer.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:  cover;
	position: relative;
	margin-top: 100px;
}

.footer, .push{
	clear: both;
}

.push{
	height: 10%;
}

/* ##################

	Team

################## */
.team{
	color: #b4cacc;
}

.team p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}


#team_container{
	height: 100%;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}

.team_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
	padding-left: 4%;
}

.team_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.team_content{
	width: 90%;
	float: left;
	height: 65%;
	position: relative;
	border-top: 4px solid;
	padding-left: 7%;
}

.team_content ul{
	list-style-type: none;
	display: none;
	width: 100%;
	height: 100%;
	padding-left: 6%;
	padding-top: 6%;
}	

.team_content li{
	display: inline-block;
	border: 1px solid;
	height: 65px;
	width: 65px;
	margin: 2% 3%;
	border-radius: 35px;
}

.left_team{
	width: 30%;
	height: 80%;
	float: left;
	padding-top: 4%;
	margin-left: 2%;
}

.right_team{
	float: left;
	width: 62%;
	height: 80%;
}

.left_team p{
	padding-left: 10%;
}

.team_join{
	width: 80%;
	float: left;
	margin-left: 4%;
	margin-bottom: 2%;
	padding-left: 1%;
	background: #b4cacc;
}

.team_join h2{
	word-spacing: 0.2em;
	color: #fff;
	display: inline;
}

.team_join span{
	color: #fff;
	display: inline;
}

.team_join a{
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.team_join a:hover{
	color: #5f6062;
}

/* ##################

	staffTemplate

################## */
.staff{
	color: #5f6062;
	max-width: 100%;
}

.staff p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}

#staff_top_container{
	height: 85%;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
	margin-top: 2%;
}

#staff_bottom_container{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}

/* .staff_header{
	color: #bbb43e;
	width: 100%;
	margin-top: 7%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid yellow;
} */

.staff_name{
	width: 65%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.image img{
	width: 100%;
}

#staff_image{
	height: 96%;
	width: 33%;
	float: left;
	position: absolute;
	padding-top: 1%;
	right: 0;
	bottom: 0;
}

.paraleft h2{
	word-spacing: 0.2em;
}

#staff_image img{	
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.job{
	display: inline-block;
	font-size: 22px;
}

.staff_name h2{
	font-size: 6em;
	padding-left: 1%;
	width: 100%;
	color: #5f6062;
	word-spacing: 0.2em;
}

.staff_content{
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}

.interest_bar{
	width: 100%;
	background: #5f6062;
	height: 10%;
	position: relative;'
	border: 1px solid purple;
	float: left;
}

.interest_bar h3{
	color: #fff;
	padding-top: 1%;
	font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	width: 85%;
	margin-left: auto;
	margin-right: auto; 
	max-width: 1145px;
	padding-left: 1%;
}

.interest_bar ul{
	list-style-type: none;
}

.interest_bar li{
	display: inline-block;
	color: #fff;
	width: 140px;
	height: 40px;
	font-size: 22px;
	margin-left: 2%;
	margin-top: -15px;
	padding-top: 1%;
	padding-left: 1%;
}

.paraleft{
	float: left;
	height: 300px;
	width: 49%;
	position: relative;
	margin-top: 3%;
	padding-left: 1%;
}

.1stpara p{
	width: 85%;
}

.pararight{
	float: left;
	height: 300px;
	width: 49%;
	position: relative;
	margin-top: 3%;
	word-spacing: 0.2em;
}

.pararight h3{
font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pararight p{
	word-spacing: 0;
}

.staff_social{
	height: 80px;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 15%;
}

.staff_social img{

}

.staff_social ul{
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	float: left;
	width: 20%;
	margin-left: 38%;
}

.staff_social li{
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-left: 2%;
	border-radius: 15px;
	border: 1px solid;
}

.team_social{
	float: left;
	width: 83%;
	margin-top: 30px;
}

.team_social ul{
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;;
	margin-left: 30%;
	margin-right: auto;
}

.team_social li{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 15px;
	border: 1px solid;
	margin-left: 1%;
}


.team_social ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
/*#####################
	Staff social buttons
######################*/

.team_social .teamfb_img{
	background: url('../images/social/fb_team.png') no-repeat; 
	background-size: cover;
	cursor: pointer;
}

.team_social .teamfb_img:hover{
	background: url('../images/social/fb_team_hover.png') no-repeat;
	background-size: cover;
}

.team_social .teamtwit_img{
	background: url('../images/social/twit_team.png') no-repeat;
	background-size: cover;
	cursor: pointer;
}

.team_social .teamtwit_img:hover{
	background: url('../images/social/twit_team_hover.png') no-repeat;
	background-size: cover;
}

.team_social .team_lin_img{
	background: url('../images/social/lin_team.png') no-repeat;
	background-size: cover;
	cursor: pointer;
}

.team_social .team_lin_img:hover{
	background: url('../images/social/lin_team_hover.png') no-repeat;
	background-size: cover;
}


/*##################
	STAFF IMAGES
##################*/
.krug img{
	width: 85% !important;
	height: 98% !important;
	max-width: 85% !important;
	max-height: 98% !important;
}

.nick img{
	width: 100% !important;
	height: 95% !important;
	max-width: 100% !important;
	max-height: 95% !important;
}

.lauren img{
	width: 100% !important;
	height: 98% !important;
	max-width: 100% !important;
	max-height: 98% !important;
}

.kate img{
	width: 95% !important;
	height: 98% !important;
	max-width: 95% !important;
	max-height: 98% !important;
}

.matt img{
	width: 100% !important;
	height: 96% !important;
	max-width: 100% !important;
	max-height: 96% !important;
}

.jordy img{
	width: 92% !important;
	height: 95% !important;
	max-width: 92% !important;
	max-height: 95% !important;
}

.brian img{
	width: 100% !important;
	height: 88% !important;
	max-width: 100% !important;
	max-height: 88% !important;
}

.chris img{
	width: 100% !important;
	height: 90% !important;
	max-width: 100% !important;
	max-height: 90% !important;
}

.greg img{
	width: 100% !important;
	height: 95% !important;
	max-width: 100% !important;
	max-height: 95% !important;
}
/*##########################
	LEARN MORE BUTTONS
########################### */

.slideno_ourstory{
	background: url('../images/learnmore_ourstory.png');
	position:absolute;
	/* bottom:4%;
	left:87%; */
	color:#5f6062;
	width: 60px;
	height: 60px;
}

.slideno_ourstory:hover{
	background: url('../images/learnmore.png');
}

.slideno_cap{
	background: url('../images/learnmore_cap.png');
	position:absolute;
	/* bottom:4%;
	left:87%; */
	font-size:25px;
	font-weight:bold;
	color:#5f6062;
	width: 60px;
	height: 60px;
}

.slideno_cap:hover{
	background: url('../images/learnmore.png');
}

.slideno_work{
	background: url('../images/learnmore_work.png');
	position:absolute;
	/* bottom:4%;
	left:87%; */
/* 	top: 14%;
	left: 61%; */
	font-size:25px;
	font-weight:bold;
	color:#5f6062;
	width: 60px;
	height: 60px;
}

.slideno_work:hover{
	background: url('../images/learnmore.png');
}


.slideno_team{
	background: url('../images/learnmore_team.png');
	position:absolute;
	/* bottom:4%;
	left:87%; */
/* 	top: 11%;
	left: 61%; */
	font-size:25px;
	font-weight:bold;
	color:#5f6062;
	width: 60px;
	height: 60px;
}

.slideno_team:hover{
	background: url('../images/learnmore.png');
}


/* ##########################
	CONTACT PAGE
###########################*/

#contact_container{
	min-height: 850px;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}

.contact{
	color: #5f6062;
}

.contact p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.8em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
} 

.contactspan{
	color: #000;
	font-weight: bold;
}

.contact_content{
	width: 100%;
	border-top: 4px solid;
	float: left;
	height: 100%;
	position: relative;
	padding: 5%;
}

.contact_left{
	float: left;
	width: 60%;
}

.contact_right{
	width: 30%;
	float: left;
	padding-left: 5%;
}

.careers_headerpage{
	margin-top: 10%;
	margin-left: 2%;
	word-spacing: 0.4em;
}

.careers_contact{
	margin-top: 5% !important;
	height: 200px;
	border-radius: 40px;
	width: 60% !important;
	margin-left: 57px;
	text-align: center;
}
.contact_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
}

.contact_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.contact_header ul{
	margin-left: 5%;
}

.contact_header li{
	display: inline;
	float: left;
	width: 40%;
}

.contact_header .image{
	width: 9% !important;
}


/* ##################
	FOXY FORM STUFF
###################*/
#foxyform_embed_link_475329{
	display: none !important;
}

.contact iframe{
	width: 100% !important;
	/* height: 650px !important; */
	border: none !important;
}

.form{
	background: black !important;
}



/*####################
	SUBPAGE FOOTER
#####################*/

#subpage_footer_left{
	width: 35%;
	height: 30%;
	float: left;
	margin-top: 21%;
	padding-left: 2%;
	margin-left: 5%;
}

#subpage_footer_left h2{
	word-spacing: 0.2em;
	color: #fff;
}

#subpage_footer_left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
}

#subpage_footer_middle{
	width: 20%;
	height: 30%;
	float: left;
	margin-top: 20%;
	padding-left: 2%;
	color: #fff;
	word-spacing: 0.4em;
}

#subpage_footer_middle h2{
	display: block;
}

#subpage_footer_right{
	margin-top: 20%;
	width: 20%;
	height: 30%;
	float: left;
	color: #fff;
}

#subpage_footer_sitemap{
	float: left;
	margin-top: 20%;
	color: #fff;
	height: 30%;
}

#subpage_footer_sitemap li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#subpage_footer_right ul{
	list-style-type: none;
}

#subpage_footer_right li{
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	margin-left: 10px;
	border-radius: 15px;
}

#team_subpage_footer_left{
	width: 35%;
	height: 30%;
	float: left;
	margin-top: 13%;
	padding-left: 2%;
	margin-left: 5%;
}

#team_subpage_footer_left h2{
	word-spacing: 0.2em;
	color: #fff;
}

#team_subpage_footer_left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
}

#team_subpage_footer_middle{
	width: 20%;
	height: 30%;
	float: left;
	margin-top: 13%;
	padding-left: 2%;
	color: #fff;
	word-spacing: 0.4em;
}

#team_subpage_footer_right{
	margin-top: 13%;
	width: 20%;
	height: 30%;
	float: left;
	color: #fff;
}

#team_subpage_footer_right ul{
	list-style-type: none;
}

#team_subpage_footer_right li{
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	margin-left: 10px;
	border-radius: 15px;
}


#team_subpage_footer_sitemap{
	float: left;
	margin-top: 13%;
	color: #fff;
	height: 30%;
}

#team_subpage_footer_sitemap li{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#dept_holder{
	width: 95%;
	height: 75%;
	position: relative;
	float: left;
	padding-left: 9%;
}

.left_blurb{
	float: left;
	width: 30%;
	height: 100%;
	text-align: center;
}

.middle_blurb{
	float: left;
	width: 30%;
	height: 100%;
	text-align: center;
}

.right_blurb{
	float: left;
	width: 30%;
	height: 100%;
	text-align: center;
}

.left_blurb p, .middle_blurb p, .right_blurb p{
	padding-left: 10%;
	text-align: justify;
}


/* ####################
	POP IN BUTTON STUFF
###################### */

#ourstory_pop{
        /*hide the window*/
        position:fixed;
        bottom:-800px;
        right:50px; 
        height:50%; width:61px;
        background: none;
 
        /*add border*/
/*          border-top:1px solid #000;
        border-left:1px solid #000; */
 
        /*add shadow*/

}

#cap_pop{
               /*hide the window*/
        position:fixed;
        bottom:-800px;
        right:50px; 
        height:50%; width:61px;
        background: none;
 
        /*add border*/
      /*    border-top:1px solid #000;
        border-left:1px solid #000; */
 
        /*add shadow*/
/*         -moz-box-shadow: 0px 0px 15px #888;
        -webkit-box-shadow: 0px 0px 15px #888;
        box-shadow: 0px 0px 15px #888;  */ 
}

#work_pop{
               /*hide the window*/
        position:fixed;
        bottom:-800px;
        right:50px; 
        height:50%; width:61px;
        background: none;
 
        /*add border*/
      /*    border-top:1px solid #000;
        border-left:1px solid #000; */
 
        /*add shadow*/
/*         -moz-box-shadow: 0px 0px 15px #888;
        -webkit-box-shadow: 0px 0px 15px #888;
        box-shadow: 0px 0px 15px #888; */  
}

#team_pop{
            /*hide the window*/
        position:fixed;
        bottom:-800px;
        right:50px; 
        height:50%; width:61px;
        background: none;
		z-index: 9999;
 
        /*add border*/
        /*  border-top:1px solid #000;
        border-left:1px solid #000; */
 
        /*add shadow*/
/*         -moz-box-shadow: 0px 0px 15px #888;
        -webkit-box-shadow: 0px 0px 15px #888;
        box-shadow: 0px 0px 15px #888;  */ 
}

/*#######################################

pop up footer

########################*/

#showBottom{
	position: fixed;
	bottom: 0%;
	height: 10%;
	left: 5%;
	font-family: BebasRegular;
	font-size: 14px;
	color: #e4232f;
	cursor: pointer;
	z-index: 99999;
	background: none !important;
	border: none !important;
}

#showBottom.active{
	border: none !important;
	/* background: #5f6062 !important; */    
}

#showBottom.selected{
	border-radius: 100px !important;
}

.cbp-spmenu-open{

}

.cbp-spmenu{
	background: #5f6062 !important;
}

.cbp-spmenu-s4{
	background: black !important;
}

#showRight{
	position: fixed;
	top: 12%;
	right: 0%;
	height: 10%;
	font-family: BebasRegular;
	font-size: 22px;
	color: #e4232f;
	cursor: pointer;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	padding-left: 5px !important;
}

#showRight.active{
	/* background: #5f6062 !important; */
}

#cbp-spmenu-s2 iframe{
	height: 185px !important;
	width: 300px !important;
}

.liveimg{
	position: absolute;
	right: 17%;
	top: 33%;
	width: 20px;
	height: 20px;
}

.work #showRight{
	position: fixed;
	top: 20%;
	right: 0;
	height: 10%;
	background: #fff;
	font-family: BebasRegular;
	font-size: 22px;
	color: #e4232f;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	box-shadow: 0px 0px 15px #888;
}

#showbottom:hover{
	display: none !important; 
}

 

.cbp-spmenu {
    background: #bbb43e;
    position: fixed;
}
 
.cbp-spmenu h3 {

}
 
.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 0.9em;
    font-weight: 300;
	word-spacing: 0.2em;
}
 
.cbp-spmenu a:hover {
    background: #258ecd;
}
 
.cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
 
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #258ecd;
    padding: 1em;
}
 
.cbp-spmenu-horizontal {
    width: 100%;
    height: 80%;
    left: 0;
    z-index: 1000;
    overflow: hidden;
	background: #4ebde8 !important;
}
 
.cbp-spmenu-horizontal img{
	width: 100%;
}

.cbp-spmenu-horizontal h3 {
	border-bottom: 1.5px solid #000;
	float: left;
	margin-left: 20%;
	color: #000;
	font-size: 1.5em;
	padding: 10px;
	margin-top: 25px;
	font-weight: 300;
	background: #4ebde8;
}

.left_factsheet{
    height: 100%;
    width: 22%;
    float: left;
	border-right: 1px solid #000;
}

.left_factsheet li{
	width: 100%;
}

.left_factsheet li a{
	width: auto;
	float: left;
	padding-left: 20%;
	text-decoration: none !important;
}

.left_factsheet li a:hover{
	background: #4ebde8 !important;
	color: #5f6062 !important;
}

.left_factsheet h3, .right_factsheet h3{
	word-spacing: 0.15em;
}
.right_factsheet{
	height: 100%;
	width: 18%;
	float: left;
}

.right_factsheet li{
	width: auto;
}

.right_factsheet ul li{
	font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	list-style-type: lower-roman;
	margin-left: 40%;
	padding-top: 5%;
}	


.right_factsheet ul li a{
	background: none !important;
	font-size: 16px !important;
	padding: 0;
	border: none;
	text-decoration: none;
}

.right_factsheet ul li a:hover{
	color: #5f6062;
}


.middle_factsheet{
	float: left;
	width: 55%;
	border-right: 1px solid #000 !important;
}

.cbp-spmenu-horizontal ul{
	float: left;
	width: 100%;
}
 
.cbp-spmenu-horizontal a {
    float: left;
    padding: 0.8em;
    width: 100% !important;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
    left: -240px;
}
 
.cbp-spmenu-right {
    right: -300px;
	height: 200px;
	top: 20%;
}

.cbp-spmenu-right p{
	font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 50%;
	padding: 15%;
	padding-left: 35%;
}

.work .cbp-spmenu-right{
	right: -300x;
	height: 80px;
	top: 30%;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
 
/* Horizontal menu that slides from the top or bottom */
 
.cbp-spmenu-top {
    top: -150px;
}
 
.cbp-spmenu-bottom {
    bottom: -100%;
}
 
.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}
 
.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
	z-index: 9999;
}
 
/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {
    left: 240px;
}
 
.cbp-spmenu-push-toleft {
    left: -260px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 
/* Example media queries */
 
@media screen and (max-width: 55.1875em){
  
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
 
    .cbp-spmenu-top {
        top: -110px;
    }
 
    .cbp-spmenu-bottom {
        bottom: -110px;
    }
 
}
 
@media screen and (max-height: 26.375em){
 
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
 
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }
 
    .cbp-spmenu-right {
        right: -190px;
    }
 
    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

/*####################
	SOCIAL STUCK_FOOTER
#####################*/

#footer_stuck li{
	display: inline-table !important;
	margin-left: 3%;
	margin-top: 4%;
}

#footer_stuck .fb_img{
	background: url('../images/facebook_footer.png');
	width: 20px;
	height: 20px;
}

#footer_stuck .fb_img:hover{
	background: url('../images/facebook_footer_hover.png');
	cursor: pointer;
}

#footer_stuck ul li a{
	color: #5e5f61;
	width: 50%;
	height: 100%;
	float: left;
}

#footer_stuck .twitter_img{
	background: url('../images/twitter_footer.png');
	width: 20px;
	height: 20px;
}

#footer_stuck .twitter_img:hover{
	background: url('../images/twitter_footer_hover.png');
	cursor: pointer;
}



/*####################
	arrows - work pages
################### */

.arrow_left{
	background: url('../work/images/arrow_left.png') no-repeat left;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 15%;
	margin-left: -4%;
}

.arrow_left a{
	height: 100px;
	width: 40px;
	float: left;
}

.arrow_left a:hover{
	background: url('../work/images/arrow_left_hover.png') no-repeat left; 
}

.arrow_right{
	background: url('../work/images/arrow_right.png') no-repeat right;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 15%;
	right: 0;
	margin-right: -4%;
}

.arrow_right a{
	height: 100px;
	width: 40px;
	float: right;
}

.arrow_right a:hover{
	background: url('../work/images/arrow_right_hover.png') no-repeat right;
}


/*#######################
	team_arrows
######################*/

.teamarrow_left{
	background: url('../team/images/arrow_left.png') no-repeat left;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 15%;
	margin-left: -4%;
}

.teamarrow_left a{
	height: 100px;
	width: 40px;
	float: left;
}

.teamarrow_left a:hover{
	background: url('../team/images/arrow_left_hover.png') no-repeat left; 
}

.teamarrow_right{
	background: url('../team/images/arrow_right.png') no-repeat right;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 15%;
	right: 0;
	margin-right: -4%;
}

.teamarrow_right a{
	height: 100px;
	width: 40px;
	float: right;
}

.teamarrow_right a:hover{
	background: url('../team/images/arrow_right_hover.png') no-repeat right;
}


/*#######################

arrows on inside pages

###########################*/

.ourstory_arrow{
	height: 100%;
	float: left;
	width: 30%;
}

.work_arrow{
	height: 100%;
	float: right;
	width: 30%;
}

.capabilities_arrow{
	height: 100%;
	float: left;
	width : 30%;
}

.team_arrow{
	height: 100%;
	float: right;
	width: 30%;
}

.story_arrows{
	float: left;
	width: 80%;
	margin-left: 9%;
	margin-top: 7%;
}

.story_leftarrow{
	float: left;
	width: 30%;
}

.story_rightarrow{
	float: right;
	width: 30%;
}

.team_arrows{
	float: left;
	width: 75%;
	margin-left: 11%;
	margin-top: 10%;
}

.team_leftarrow{
	float: left;
	width: 30%;
}

.team_rightarrow{
	float: right;
	width: 30%;
}


/*##################
	careers page
#################*/

#careers_container{
min-height: 1200px;
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1145px;
}

.careers{
	color: #5f6062;
}

.careers p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.8em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
} 

.careersspan{
	color: #000;
	font-weight: bold;
}

.careers_content{
	width: 100%;
	border-top: 3px solid;
	float: left;
	height: 100%;
	position: relative;
}

.careers_left{
	float: left;
	width: 68%;
	position: relative;
	padding-left: 7%;
	padding-top: 2%;
}

.careers_left h2{
	word-spacing: 0.4em;
	margin-bottom: 2%;
}

.careers_right{
	float: left;
	width: 20%;
	position: relative;
	margin-top: 2%;
}

.careers_right h2{
	margin-bottom: 5%;
}

.careers_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
	padding-left: 4%;
}
.careers_header{
	color: #bbb43e;
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
}

.careers_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.careers_header ul{
	margin-left: 5%;
}

.careers_header li{
	display: inline;
	float: left;
	width: 40%;
}

.careers_header .image{
	width: 9% !important;
}

.posted_jobs{
	float: left;
	width: 93%;
	height: 100%;
	padding-left: 7%;
	margin-top: 5%;
}

.posted_jobs h2{
	word-spacing: 0.2em;
	padding-bottom: 1%;
	margin-bottom: 1%;
}

.posted_jobs h1{
	color: #fff;
	font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	background: #5f6062;
	margin-top: 2%;
	margin-bottom: 1%;
}

.posted_jobs h3{
	color: #5f6062;
	font-family: BebasNeueRegular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 2%;
	margin-bottom: 1%;
}

.posted_jobs p{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.8em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 100% !important;
}

.posted_jobs li{
	color: #5f6062;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	font-size: 0.9em;
	margin-left: 1.5%;
}

.posted_jobs ul li{
	list-style-type: disc;
}

.job_splitter{
	width: 93%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7%;
	margin-top: 2%;
	margin-bottom: 2%;
}


.job_splitter p{
	text-align: center;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid #5f6062;
}

.fb-like{
	padding-left: 15%;
	margin-top: 2%;
}

/*###################
	
	social footer section
	
###################*/

#footer_right li{
	border: none;
	border-radius: 0;
	margin-left: 1%;
}

#footer_right li a{
	float: left;
	width: 40px;
	height: 40px;
}

.facebook_icon{
	background: url("../images/social/facebook_share.png");
	margin-left: 0 !important;
}

.facebook_icon:hover{
	background: url("../images/social/facebook_share_hover.png");
}

.twitter_icon{
	background: url("../images/social/twitter_share.png");
}

.twitter_icon:hover{
	background: url("../images/social/twitter_share_hover.png");
}

.linkedin_icon{
	background: url("../images/social/linkedin_footer.png");
}

.linkedin_icon:hover{
	background: url("../images/social/linkedin_footer_hover.png");
}

.instagram_icon{
	background: url("../images/social/instagram_footer.png");
}

.instagram_icon:hover{
	background: url("../images/social/instagram_footer_hover.png");
}

/*############
	BLOG
#############*/

#blog_container iframe{
	width: 100%;
	height: 100%;
}

#blog_container{
	min-height: 1200px;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
}


.blog_header{
	float: left;
	width: 100%;
	margin-top: 7%;
	position: relative;
	padding-left: 4%;
}

.blog_header h2{
	font-size: 4em;
	padding-left: 5%;
	width: 95%;
	color: #5f6062;
}

.blog_header ul{
	margin-left: 5%;
}

.blog_header li{
	display: inline;
	float: left;
	width: 40%;
}

.blog_header .image{
	width: 9% !important;
}

.blog_content{
	border-top: 4px solid #5f6062;
	width: 90%;
	float: left;
	height: 65%;
	position: relative;
	padding-left: 7%;
}

.headline a{
	color: #000;
	text-decoration: none;
	font-size: 22px;
	word-spacing: 0.2em;
	cursor: default;
}

.feedburnerFeedBlock{
	margin-top: 2%;
	margin-left: 5%;
	width: 95%;
}

.separator{
	margin-top: 2%;	
	margin-left: -15px;
}

.separator img{
	width: 98%;
	height: 100%;
	cursor:default;
}

.feedburnerFeedBlock div{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.9em !important;
	color: #5f6062 !important;
	line-height: 1.4em !important;
	margin-top: 5px !important;
	margin-bottom: 8px !important; 
	width: 100% !important;
	text-align: justify;
}

.blog_holder{
	width: 73%;
	float: left;
}

.blog_sidebar{
	float: left;
	width: 27%;
	height: 100%;
	padding-top: 1.5%;
}

.blog_sidebar p{
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #5f6062;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 8px;
	width: 85%;
	text-align: justify;
}

.blog_sidebar a{
	color: #b4cacc;
	text-decoration: none;
	font-weight: bold;
}

.blog_sidebar a:hover{
	color: #5f6062;
}

.blog_sidebar a img{
	width: 90%;
}

.fixed_sidebar{

}

.blog_content{
	width: 100%;
	padding-left: 1%;
}

.date{
	margin-bottom: 2% !important;
	border-bottom: 2px solid black !important;
	padding-bottom: 5% !important;
	width: 100% !important;
	color: 
}

#sticky {
    color: #fff;
    border-radius: 0.5ex;
	margin-top: 5%;
}
#sticky.stick {
    position: fixed;
    top: 75px;
    z-index: 10000;
    width: 180px;
}

#twitter-widget-0{
	width: 80px !important;
	max-width: 80px !important;
	padding-left: 15%;
}

.follow_1851{
	font-family: 'BebasRegular' !important;
	color: #5f6062 !important;
	line-height: 30px !important;
	text-align: left !important;
	font-size: 16px !important;
	line-height: 1.4em !important;
	word-spacing: 0.4em !important;
	text-align: center !important;
}

#mobile_holder{
	width: 100%;
	height: 100%;
	max-height: 650px;
	position: relative;
	float: left;
	margin-bottom: 40%;
}

#mobile_holder ul{
	width: 100%;
	height: 100%;
	padding: 0;
}

#mobile_holder li{
	width: 100%;
	height: 30%;
}

#mobile_holder h2{
	color: #fff;
	margin-top: 5%;
	font-size: 2.5em;
	word-spacing: 0.2em;
	text-align: center;
}

.story_mob{
	float: left;
	background: #e4232f;
}

.story_mob a{
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}	

.caps_mob{
	float: left;
	background: #bbb43e;
}

.caps_mob a{
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.work_mob{
	float: left;
	background: #b23525;
}

.work_mob a{
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.team_mob{
	float: left;
	background: #b4cacc;
}	

.team_mob a{
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.contact_mob{
	float: left;
	background: #5f6062;
}

.contact_mob a{
	float: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.navigation_mobile{
		position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	background: #fff;
	text-align: right;
	height: 8%;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: 'BebasRegular';
	z-index: 9999;
	height: 110px;
}

.navigation_mobile .logo_mobile{
	width: 35%;
	height: 100%;
}

.navigation_mobile li{
	display: inline-block;
	float: left;
	margin-top: 1%;
}

.ourstory_mob_header{
	height: 100%;
	width: 8%;
	margin-left: 4%;
}

.caps_mob_header{
	height: 100%;
	width: 8%;
	margin-left: 4%;
}

.work_mob_header{
	height: 100%;
	width: 8%;
	margin-left: 4%;
}	

.team_mob_header{
	height: 100%;
	width: 8%;
	margin-left: 4%;
}

.contact_mob_header{
	height: 100%;
	width: 8%;
	margin-left:4%;
}

.navigation_mobile .logo_mobile img{
		width: 100%;
		height: 80%;
}

.social_mob_footer{
	width: 80%;
	height: 40%;
	float: left;
	color: #fff;
	position: absolute;
	left: 10%;
	bottom: 1%;
}

.social_mob_footer ul{
	list-style-type: none;
	height: 100%;
	padding-left: 10%;	
}

.social_mob_footer li{
	display: inline-block;
	height: 60%;
	width: 15%;
	margin-left: 10%;
	margin-top: 5%;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.social_mob_footer li a{
	float: left;
	width: 100%;
	height: 100%;
}

.social_mob_footer li:hover{
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.navigation_mobile{
	display: none;
}

.social_mob_footer{
	display: none;
}

/*######################
	Media Screen custom css
########################*/

@media only screen and (max-device-width: 800px) {

.navigation_mobile{
	display: block;
}

.push{
	display: none;
}

#project_container{
	height: auto;
	min-height: auto;
}

.story_arrows{
	margin-left: 0;
}

.project_header{
	margin-top: 15%;
}
	
.caps_work{
	margin-left: 0;
}

.work_team{
	margin-left: 0;
}

.team_arrows{
	margin-left: 7%;
}

.team_header{
	margin-top: 15%;
}

.team_header h2{
	width: 80%;
}

.contact_header{
	margin-top: 15%;
}

.contact_header h2{
	width: 80%;
}

.right_team{
	width: 65%;
}

.careers_header{
	margin-top: 15%;
}

.careers_header h2{
	width: 80%;
	margin-left: 5%;
}	

.blog_header{
	margin-top: 15%;
}

.blog_header h2{
	width: 80%;
	margin-left: 5%;
}

#credit_footer{
	display: none !important;
}
	
#staff_image{
	max-height: 650px;
}

#staff_top_container{
	max-height: 500px;
	margin-top: 80px;
}

.interest_bar{
	height: 65px;
}

.staff_name h2{
	font-size: 4em;
}

.social_mob_footer{
	display: block;
}

#footer_left, #footer_middle, #footer_right, #footer_sitemap{
	display: none;
}

.navigation_subpage{
	display: none;
}

.ourstory .header{
	margin-top: 15%;
}

.ourstory .header li{
	width: 80%;
}

.caps .work_header{
	margin-top: 15%;
}

.caps .work_header li{
	width: 80%;
}

.work .work_header{
	margin-top: 15%;
}

.work .work_header li{
	width: 80%;
}

.logo img{
	padding-left: 0;
	height: 100%;
	width: 100%;
}

.logo{
	padding-left: 0;
	height: 100%;
	width: 100%;
}

#mobile_holder{
	width: 100%;
	height: 100%;
	max-height: 650px;
	position: relative;
	float: left;
}
.caps_left_info_holder img{
	height: 350px;
	width: 100%;
}



#footer{
	
}

#slide1{
	height: 100%;
	
}

.caps_right_info_holder img{
	height: 350px;
	width: 100%;
}

.caps_left_info_holder{
	min-height: 460px;
}

.caps_right_info_holder{
	min-height: 460px;
}
.caps_right_text_holder{
	min-height: 460px;
	padding-left: 5%;
	padding-bottom: 5%;
}

.caps_left_text_holder{
	min-height: 460px;
}

.caps_right_text_holder{
	min-height: 460px;
	padding-left: 5%;
	padding-bottom: 5%;
}

.caps_left_text_holder{
	min-height: 460px;
}

.left_info_holder{
	min-height: 460px;
}

.right_info_holder{
	min-height: 460px;
}

.left_info_holder img{
	width: 80%;

}

.right_info_holder img{
	width: 80%;

}

.right_text_holder{
	min-height: 460px;
	padding-left: 5%;
	padding-bottom: 5%;
}

.left_text_holder{
	min-height: 460px;
}

.right_text_holder{
	min-height: 460px;
	padding-left: 5%;
	padding-bottom: 5%;
}

.left_text_holder{
	min-height: 460px;
}

.navigation_subpage li{
	padding: 0 10px;
}

.navigation_subpage{
	height: 40px;
}	

.team_header li{
	width: 80%;	
}

.team_content{
	height: auto !important;
}

#dept_holder{
	height: auto !important;
}


.staff_social ul{
	width: 50%;
}

.nick img{
	width: 378px;
	height: 509px;
}

}


/*######################################
Simple Photo Gallery for Our Story Pages
#######################################*/

.photo_gallery_header{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 5%;
}

.photo_gallery_header h2{
	font-size: 4em;
	color: #5f6062;
}

.photo_gallery{
	float: left;
	width: 100%;
	position: relative;
	height: 285px;
	padding-top: 2%;
	margin-bottom: 5%;
}

.fadein{
	float: left;
	display: block;
	position: relative;
	border: 10px solid #e4232f;
	width: 65%;
	height: 100%;
	margin-left: 17%;
	border-radius: 15px;
	box-shadow: 0 8px 2px -2px #808080;
}

.fadein img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*##########################
	New Home page
##########################*/
.navigation_subpage{
	position:fixed;
	z-index:1;
	top:0px;
	width: 100%;
	background: #404041;
	text-align: right;
	height: 8%;
	font-family: 'Kameron', serif;
	text-transform: uppercase;
	opacity: 0.9;
	z-index: 9999;
}


.navigation_subpage li{
	color:#fff;
	display:inline-block;
	padding: 0 11px;
	line-height:30px;
	-webkit-transition: all .2s ease-in-out;
	text-align:left;
	float: left !important;
	font-size: 15px;
	margin-top: 10px;
	word-spacing: 0.3em;
	line-height: 2.1em;
}

.navigation_subpage ul{
	display: block;
	height: 100%;
	position: relative;
	max-width: 722px;
	margin-left: auto;
	margin-right: auto;
}

.navigation_subpage li a{
	color: #fff;
}

.navigation_subpage .logo{
	/* width: 20% !important;
	padding-left: 20% !important; */
	padding-left: 80px !important;
	padding-right: 100px !important;
}

.navigation_subpage .logo img{
	padding-left: 0 !important;
}

.navigation_subpage li:hover,.active{
	
	cursor:pointer;
}

#slide_new1{
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: relative;
	overflow: hidden;	
	padding-top: 150px;
	min-height: 1200px;
	background: #404041;
}

#slide_new2{
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: relative;
	overflow: hidden;	
	padding-top: 150px;
	min-height: 1190px;
	background: #43c0bf;
}

#slide_new_contact{
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 150px;
	background: #000;
	min-height: 1890px;
	max-height: 1890px;
	background: #43c0bf;
}

#slide_newcontent{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#slide_newcontent_contact{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

.slide_block{
	text-align: center;
	max-width: 710px;
	margin: 0 auto;
}

.slide_block_contact{
	text-align: center;
	max-width: 710px;
	margin: 0 auto;
}

.bg1{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 101%;
	height: 100%;
}

.bg2{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 101%;
	height: 100%;
}

.bg3{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 101%;
	height: 100%;
}

.newcontent1 {
	text-align: center;
}

.newcontent1 .title1 img{
	padding-bottom: 12px;
}

.newcontent1 p{
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	font-family: Arial narrow;
	/* font-style: italic; */
}

.redlogo{
	padding-top: 30px;
}

.slide{
	height: 100%;
}

.title2{
	margin-top: 50px;
	padding-bottom: 20px;
}

.square_holder{
	margin-top: 20px;
}

.title_caps{
	padding-bottom: 15px;
}

.title_work{
	margin-top: 85px;
}

.contact_title{
	font-size: 4em;
	color: #fff;
}

.contact_form{	
	font-family: 'Kameron', serif;
	line-height: 26px;
	font-size: 18px;
	text-transform: uppercase;
}

.contact_form ul{

}

.contact_form li{
	display: inline-block;
	margin-left: 20px;
	margin-top: 30px;
}

.contact_form input{
	width: 185px;
	height: 30px;
	background: #fff;
	color: #000;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
	padding-left: 5px;
	letter-spacing: 0.5px;
	border-radius: 0;
}

.contact_form label{
	width: 100px;
	display: inline-block;
	color: #fff;
	font-size: 17px;
	line-height: 26px;
	color: #404041;
	font-family: 'Kameron', serif;
	border-radius: 0;
	text-transform: uppercase;
	text-align: right;
}

.contact_form textarea{
	width: 620px;
	padding: 20px;
	font-family: 'Kameron', serif;
	line-height: 26px;
	font-size: 20px;
	font-style: italic;
	background: #fff;
	color: #404041;
	font-style: normal;
	border-radius: 0;
	border: none;
	height: 115px;
	text-transform: uppercase;
}

.contact_form .submitbtn button{
	font-family: 'Kameron', serif;
	padding: 15px;
	width: 115px;
	font-size: 28px;
	color: #404041;
	cursor: pointer;
	margin-bottom: 40px;
	float: right;
	background: none;
	border: none;
	text-transform: uppercase;
	margin-right: 40px;
	font-weight: normal !important;
}

.contact_form .submitbtn button:hover{
	color: #fff;
}

.contact_options_holder li{
	color: #fff;
	display: inline-block;
	margin-left: 50px;
	height: 175px;
	width: 180px;
}

.contact_options_holder li img{
	width: 85%;
	height: 100%;
}

.newcontent2 {
	text-align: center;	
}

.newcontent2 .title1 img{
	padding-bottom: 12px;
}

.slide_block p{
	font-size: 17px;
	line-height: 26px;
	color: #fff;
	font-family: Arial narrow;	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.slide_block li{
	display: inline-block;
	margin-left: 10px;
	width: 86px;
	color: #fff;
	font-size: 11.5px;
	line-height: 17px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


#slide_new_work{
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: relative;
	overflow: hidden;
	background: #404041;
	min-height: 790px;
}

.title_works{
	margin-top: 100px;
}

#philosophy_header{
	margin-top: 150px;
	min-height: 1200px;
}

#slide_new_philosophy{
	min-height: 1540px;
	background: #43c0bf;
}

/*##########################
	New Our Story page
#########################*/

.header{
	/* color: #e4232f; */
	color: #fff;
	width: 100%;
	max-width: 710px;
	margin-top: 7%;
	position: relative;
	padding-left: 0;
	display: inline-block;
	margin-left: 19%;
}

.header h2{
	font-family: 'BebasRegular';
	color: #fff;
}

.ourstory .header ul{
	margin-left: 0;
}

.ourstory .header li{
	display: inline;
	float: left;
}

.navigation_subpage li a:hover{
	font-family: 'Kameron', serif;
}

.ourstory .header li{
	display: inline-block;	
	width: auto;
	width: 320px;
}

.ourstory .header .image{
	width: 15% !important;
}

.ourstory{
	color: #e4232f;
	background: url('../images_new/bg1.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.caps_bg{
	background: url('../images_new/bg_3.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #bbb43e;
}

.work_bg{
	background: url('../images_new/team_bg.png') no-repeat center center fixed;
	background: url('../images_new/bg_3.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#container{
	min-height: 100%;
	width: 85%;	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
	display: block;
}

#new_container{
	width: 90%;
	max-width: 710px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	display: block;
}

.new_left_holder{
	width: 15%;
	position: relative;
	float: left;
	visibility: hidden;
}

.new_left_holder ul{
	width: 100%;
}

.new_left_holder li{
	width: 100%;
	height: 5%;
	max-height: 100px;
	min-height: 100px;
	border: 1px solid red;
	margin-top: 10px;
}

.new_middle_holder{
	width: 80%;
	float: left;
	padding-left: 2.7%;
}

.new_middle_holder a{
	color: #e4232f;
	text-decoration: none;
	font-weight: bold;
}

.new_middle_holder a:hover{
	color: #5e5f61;
}

.new_middle_holder h2{
	font-family: 'BebasRegular';
	font-size: 2em;
	margin-top: 2%;
}

.right_sidebar{
	margin-top: 0;
}

.right_sidebar h2{
	font-family: 'BebasRegular';
	font-size: 2em;
}

.new_middle_holder p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
	text-align: left;
	width: 95%;
	margin-bottom: 50px;
}

.ourstory_bg{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}
.story_arrows{
	float: left;
	width: 86%;
	margin-left: 0%;
	margin-top: 10%;
}

.story_leftarrow{
	float: left;
	width: 30%;
}

.story_rightarrow{
	float: right;
	width: 30%;
}

.fadein {
	float: left;
	display: block;
	position: relative;
	border: 10px solid #e4232f;
	width: 90%;
	height: 100%;
	max-height: 375px;
	border-radius: 15px;
	box-shadow: 0 8px 2px -2px #808080;
	margin-left: 0;
}

#team_head{
	margin-top: 150px;
}

#slide_new_team{
	min-height: 1600px;
	background: #404041;
}

#slide_new_team ul{
	float: left;
}

.leaders{
	width: 175px;
}

.leaders li{
	width: 125px;
	height: 125px;
}

.redev{
	width: 175px;
}

.redev li{
	width: 125px;
	height: 125px;
}

.digital{
	width: 175px;
}

.digital li{
	width: 125px;
	height: 125px;
}

.medrel{
	width: 175px;
}

.medrel li{
	width: 125px;
	height: 125px;
}

.leaders .header{
	width: 125px;
	height: 40px;
}

.leaders .header h1{
	
}

/*###########################
	New Capabilities page
###########################*/

.work_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	padding-left: 6%;
}

.work_header{
	color: #fff;
	width: 100%;
	max-width: 710px;
	position: relative;
	padding-left: 0 !important;
	display: inline-block !important;
	margin-left: 19%;
	border-bottom: 4px solid #bbbe43;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.work_header .image{
	width: 15% !important;
}

.caps_bg #new_container{
	width: 90%;
	max-width: 710px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	display: block;	
}

.work_header ul{
	margin-left: 0 !important;
}

.caps_bg .new_left_holder li{
	width: 100%;
	height: 5%;
	max-height: 100px;
	min-height: 100px;
	border: 1px solid #bbbe43;
}

.caps_bg .new_middle_holder h2{
	margin-top: 0%;
}

.caps_work{
	width: 80%;
	margin-left: 1%;
}

/*##############################
	new work page
#############################*/

#work_container{

}

.work_bg .work_header{
	border-color: #b23525;
}

.work_content{
	border-top: none;
	width: 90%;
	max-width: 710px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.proj_dec{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.6;
	text-align: left;
	font-size: 18px;
	display: block;
	width: 100%;
}

.proj_details{
	color: #fff;
	line-height: 1.6em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 1.6;
	text-align: left;
}

.work_content li img{
	margin-bottom: 15px;	
}	

.work_content span{
	
}	

.work_team{
	margin-left: 0 !important;
	margin-top: 150px;
}

.work_content li{
	margin-top: 75px;
}

.work_bg .work_header{
	margin-bottom: 0;
}	

.work_bg .logo{
	width: 22% !important;
}

/*#########################
	new team pages
##########################*/

.team_bg{
	background: url('../images_new/bg1.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	color: #fff;
}	

#team_container{
	min-height: 100%;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1145px;
	display: block;
	min-height: 1900px;
}

.team_header{
	color: #fff;
	width: 100%;
	max-width: 710px;
	position: relative;
	padding-left: 0 !important;
	display: inline-block !important;
	margin-left: 19%;
	border-bottom: 4px solid #b4cacc;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.team_header ul{
	margin-left: 0 !important;
}

.team_header .image{
	width: 15% !important;
}

.team_header li{
	width: 80%;
	display: inline;
}

.team_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	padding-left: 6%;
	word-spacing: 0.2em;
}

.team_content{
	width: 90%;
	max-width: 710px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-top: none;
	display: inline-block;
	margin-left: 19%;
	padding-left: 0;
	height: 90%;
}

.team_content .new_left_holder li{
	border-radius: 0 !important;
	border-color: #b4cacc;
}

.team_content .new_middle_holder h2{
	word-spacing: 0.2em;
	color: #b4cacc;
}

.team_content .new_middle_holder p{
	
}

.team_content .new_middle_holder ul{
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-bottom: 50px;
}

.team_leaders{
	padding-left: 0 !important;
	padding-top: 0 !important;
}

.team_leaders li{
	margin: 2% 2%;
}

.team_bg .navigation_subpage li{
	padding: 0 11px;
}

/*###########################
	homepage navbar changes
############################*/

.navigation{
	position: fixed;
	top: 0px;
	max-width: 800px !important;
	width: 100%;
	background: #404041;
	text-align: right;
	height: 8%;
	font-family: 'Kameron', serif;
	text-transform: uppercase;
	opacity: 0.9;
	z-index: 9999;
}

.navigation .logo{
	padding-left: 0 !important;
	width: 14% !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.contact_header_nav{
	border: none !important;
}

.navigation li{
	color: #fff;
	padding: 0 11px;
	text-align: left;
	font-size: 17px !important;
	margin-top: 10px;
	word-spacing: 0.3em;
	line-height: 2.1em;
	border-right: 1px solid #fff;
}

/*#############################
	home page changes
############################*/

.work_graphic{
	position: absolute;
	top: 195px;
	left: 120px;
}

.work_graphic li{
	padding-left: 16px;
	text-align: left;
	float: left;
	width: 87px;
	margin-left: 10px;
	font-size: 11.5px;
}

.fourth_work{
	padding-right: 5px;
}

.philosophy_graphic{
	position: absolute;
	width: 705px;
	top: 175px;
}

.philosophy_graphic li{
	width: 215px;
	height: 80px;
	display: inline-block;
	float: left;
	margin-left: 90px;
	padding-top: 10px;
	margin-top: 50px;
}

.header{
	display: inline-block;
	/*transform: rotate(270deg);
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    -moz-transform: rotate(270deg);*/	
}

.headers{
	width: 700px;
}

.ourstory .header{
	border-bottom: 4px solid #e4232f;
}


.headers .header h1{
	font-size: 2em;
	font-family: 'Kameron', serif !important;	
	text-transform: uppercase;
}

.headers li{
	width: 148px;
	padding-right: 12px;
	height: 40px;
}

/*#########################
	project page
########################*/

.project_page{
	background: url('../images_new/bg_work.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.project_page .project_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	border-bottom: 4px solid #b23525;
}

.project_page .project_desc h2{
	font-family: 'BebasRegular';
	font-size: 1.5em;
}

.project_page .project_facts h2{
	font-family: 'BebasRegular';
	font-size: 1.5em;
}

.project_page .project_desc p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
}

.project_page .project_facts li{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
}

.project_page .project_facts li{
	margin-top: -1%;
}

.navigation_subpage ul{
	width: 860px;
	max-width: 860px;
}

/*###########################
	new staff page design
###########################*/

.staff_memberbg{
	background: url('../images_new/staff_bg.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.staff_memberbg .staff_name h2{
	font-family: 'BebasRegular';
	color: #fff;
}

.staff_memberbg .paraleft h2{
	font-family: 'BebasRegular';
	font-size: 1.5em;
	color: #b4cacc;
}

.staff_memberbg .pararight h3{
	font-size: 22px;
	line-height: 26px;
	color: #b4cacc;
	font-family: Arial narrow;	
}

.staff_memberbg .paraleft p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	text-align: left;
}

.staff_memberbg .pararight p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	text-align: left;
}

.index_new .navigation_subpage ul{
	max-width: 860px !important;
	width: 920px;	
}

.contact_page #new_container{
	
}

.contact_header{
	color: #fff;
	width: 100%;
	max-width: 710px;
	position: relative;
	padding-left: 0 !important;
	display: inline-block !important;
	margin-left: 19%;
	border-bottom: 4px solid #5f6062;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.contact_header ul{
	margin-left: 0 !important;
}

.contact_header .image{
	width: 15% !important;
}

.contact_header li{
	width: 80%;
	display: inline;
}

.contact_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	padding-left: 6%;
	word-spacing: 0.2em;
}

.contact_content{
	border: none;
	padding: 0;
	margin-top: -45px;
}

.contact_page{
	background: url('../images_new/contact_bg.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contact_page .submitbtn button{
	margin-left: 105px;
}

.contact_alt li{
	font-family: 'BebasRegular';
	font-size: 1.5em;
	margin-left: 60px;
	border: none !important;
	width: 170px !important;
	height: 40px !important;
	text-align: center;
}

.contact_page .contact_options_holder ul{
	padding-left: 30px;
}

.contact_page .contact_options_holder li{
	
}

.contact_options_holder .careers_contact{
	width: 90% !important;	
}

.contact_options_text li{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 26px;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	height: 40px;
	letter-spacing: 0.2px;
}

/*#####################
	new careers page
######################*/

.careers_page{
	background: url('../images_new/bg1.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.careers_header{
	color: #fff;
	width: 100%;
	max-width: 710px;
	position: relative;
	padding-left: 0 !important;
	display: inline-block !important;	
	border-bottom: 4px solid #5f6062;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.careers_header ul{
	margin-left: 0 !important;
}

.careers_header .image{
	width: 15% !important;
}

.careers_header li{
	width: 80%;
	display: inline;
}

.careers_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	padding-left: 6%;
	word-spacing: 0.2em;
}

.careers_content{
	border: none;
}

.careers_left h2{
	font-size: 1.5em;
	font-family: 'BebasRegular';
	color: #fff;
}

.careers_left p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
}

.careers_left{
	width: 100%;
}

.posted_jobs h2{
	font-family: 'BebasRegular';
	font-size: 1.5em;
	color: #fff;
}

.posted_jobs p{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
}

.posted_jobs h1{
	padding-top: 5px;
	padding-bottom: 5px;
}

.posted_jobs h3{
	color: #fff;
}

.posted_jobs li{
	color: #fff;
}

.job_splitter p{
	border-color: #fff;
}


/*#####################
	new blog page
#####################*/

.blog_header{
	color: #fff;
	width: 100%;
	max-width: 710px;
	position: relative;
	padding-left: 0 !important;
	display: inline-block !important;
	border-bottom: 4px solid #5f6062;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.blog_header ul{
	margin-left: 0 !important;
}

.blog_header .image{
	width: 15% !important;
}

.blog_header li{
	width: 80%;
	display: inline;
}

.blog_header h2{
	font-family: 'BebasRegular';
	color: #fff;
	padding-left: 6%;
	word-spacing: 0.2em;
}

.blog_page{
	background: url('../images_new/philosophy_bg.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.blog_sidebar p{
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 1.6;
}

.blog_content{
	border: none;
}

.blog_sidebar a img{
	width: 50%;
}

.headline a{
	font-family: 'BebasRegular';
	font-size: 1.5em;
	color: #fff;
}

.feedburnerFeedBlock div{
	background: none !important;
	color: #fff !important;
	text-align: left !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	font-size: 13px !important;
	color: #fff !important;
	line-height: 1.6 !important;
}

.feedburnerFeedBlock p{
	color: #fff !important;
}

#creditfooter{
	display: none !important;
}

/*##########################
	new mobile changes
###########################*/

.navigation_mobile{
	background: #000;
	opacity: 0.9;
}

.careers_contact{
	min-height: 110px;
}

.apply_now{
	background: #5f6062;
	padding: 10px;
	float: right;
	font-size: 22px;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	border-radius: 15px;
	-moz-box-shadow: 5px 4px 4px #000;
	-webkit-box-shadow: 5px 4px 4px #000;
	box-shadow: 5px 4px 4px #000;
	border: 1px solid #fff;
}

.apply_now:hover{
	background: #b23525;
}


.applynow{
	color: #fff !important;
	float: right;
	border-top: 1px solid;
	padding-top: 23px;
	font-size: 1.5em !important;
	width: 100% !important;
	margin-top: 40px !important;
}

/*####################
	new train
###############*/


#image_holder div{

}


.car_one{
	height: 85%;
	width: 15%;
	position: absolute;
	bottom: 8%;
	left: 1%;
	cursor: pointer;
}

.car_two{
	height: 85%;
	width: 15%;
	position: absolute;
	bottom: 8%;
	left: 17.8%;
	cursor: pointer;
}

.car_three{
	height: 85%;
	width: 15%;
	position: absolute;
	bottom: 8%;
	left: 34%;
	cursor: pointer;
}

.car_four{
	height: 85%;
	width: 15%;
	position: absolute;
	bottom: 8%;
	left: 50.5%;
	cursor: pointer;
}

.car_five{
	height: 85%;
	width: 15%;
	position: absolute;
	bottom: 8%;
	left: 67%;
	cursor: pointer;
}	

.car_six{
	height: 85%;
	width: 15%;
	position: absolute;
	left: 83.5%;
	cursor: pointer;
	bottom: 8%;
}

.left_factsheet{
	font-family: 'BebasRegular';
}

.right_factsheet h3{
	font-family: 'BebasRegular';
}


.replacement{
	position: absolute;
	left: 380px;
	top: 331px;
}

.capabilities_graphic{
	margin-top: -11px;
	margin-left: -67px;
}


.thinktank{
	color: #fff;
	position: absolute;
	top: 533px;
	font-size: 17px !important;
	font-style: italic;
	left: 177px;
}

.contact_page .contact_options_holder{
	width: 735px;
}

.contact_page .contact_alt li{
	margin-left: 50px !important;
}


/*new army section */

.army_holder{
	width: 710px;
	max-width: 710px;
	position: relative;
	height: 800px;
}

.headersifa{
	float: left;
	padding-top: 145px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	height: 148px;
}

.strategy_pics{

	float: left;
	width: 612px;
}

.strategy_pics li{
	display: inline-block;
	border: 1px solid #404041;
	width: 135px;
	float: left;
	height: 145px;
}

.strategy_pics li a{
	display: block;
	width: 100%;
	height: 100%;
}

.nickthumb{
	background: url('../imagesifa/nickthumb.png');
	background-size: 100%;
}

.nickthumb:hover{
	background: url('../imagesifa/nickhov.png');
	background-size: 100%;
}

.strategy_pics li img{
	width: 100%;
}

.strategy_header{
	display: inline-block;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
    -moz-transform: rotate(270deg); 
}

.strategy_header h1{
	font-size: 2em;
	font-family: 'Kameron', serif !important;	
	text-transform: uppercase;
	font-weight: bold;
}

.redevheadersifa{
	float: left;
	padding-top: 56px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	height: 90px;
}

.redev_header{
	display: inline-block;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
    -moz-transform: rotate(270deg); 
}

.redev_header h1{
	font-size: 2em;
	font-family: 'Kameron', serif !important;
	text-transform: uppercase;
	font-weight: bold;
}

.redev_pics{
	float: left;
	width: 612px;
}

.redev_pics li{
	display: inline-block;
	border: 1px solid #404041;
	width: 135px;
	float: left;
	height: 145px;
}

.redev_pics li a{
	display: block;
	width: 100%;
	height: 100%;
}

.digitalheadersifa{
	float: left;
	padding-top: 63px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	height: 84px;
}

.digital_header{
	display: inline-block;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
    -moz-transform: rotate(270deg); 
}

.digital_header h1{
	font-size: 2em;
	font-family: 'Kameron', serif !important;
	text-transform: uppercase;
	font-weight: bold;
}

.digital_pics{
	float: left;
	width: 612px;
}

.digital_pics li{
	display: inline-block;
	border: 1px solid #404041;
	width: 135px;
	float: left;
	height: 145px;
}

.digital_pics li a{
	display: block;
	width: 100%;
	height: 100%;
}

.medrelheadersifa{
	float: left;
	padding-top: 63px;
	margin-left: 0;
	position: relative;
	display: inline-block;
	height: 84px;
}

.medrel_header{
	display: inline-block;
	transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
    -moz-transform: rotate(270deg); 
}

.medrel_header h1{
	font-size: 2em;
	font-family: 'Kameron', serif !important;
	text-transform: uppercase;
	font-weight: bold;
}

.medrel_pics{
	
	float: left;
	width: 612px;
}

.medrel_pics li{
	display: inline-block;
	border: 1px solid #404041;
	width: 135px;
	float: left;
	height: 145px;
}

.medrel_pics li a{
	display: block;
	width: 100%;
	height: 100%;
}

.strategy_pics li img{
	width: 100%;
}


/* individual team pics */


/*STRATEGY*/

.nickthumb{
	background: url('../imagesifa/nickthumb.png');
	background-size: 100%;
}

.nickthumb:hover{
	background: url('../imagesifa/nickhov.png');
	background-size: 100%;
}

.krugthumb{
	background: url('../imagesifa/krugthumb.png');
	background-size: 100%;
}

.krugthumb:hover{
	background: url('../imagesifa/krughov.png');
	background-size: 100%;
}

.jodiethumb{
	background: url('../imagesifa/jodiethumb.png');
	background-size: 100%;
}

.jodiethumb:hover{
	background: url('../imagesifa/jodiehov.png');
	background-size: 100%;
}

.sharonthumb{
	background: url('../imagesifa/sharonthumb.png');
	background-size: 100%;
}

.sharonthumb:hover{
	background: url('../imagesifa/sharonhov.png');
	background-size: 100%;
}

.laurenthumb{
	background: url('../imagesifa/laurenthumb.png');
	background-size: 100%;
}

.laurenthumb:hover{
	background: url('../imagesifa/laurenhov.png');
	background-size: 100%;
}

.katethumb{
	background: url('../imagesifa/katethumb.png');
	background-size: 100%;
}

.katethumb:hover{
	background: url('../imagesifa/katehov.png');
	background-size: 100%;
}

.gregthumb{
	background: url('../imagesifa/gregthumb.png');
	background-size: 100%;
}

.gregthumb:hover{
	background: url('../imagesifa/greghov.png');
	background-size: 100%;
}

.christhumb{
	background: url('../imagesifa/christhumb.png');
	background-size: 100%;
}

.christhumb:hover{
	background: url('../imagesifa/chrishov.png');
	background-size: 100%;
}

.ericthumb{
	background: url('../imagesifa/ericthumb.png');
	background-size: 100%;
}

.ericthumb:hover{
	background: url('../imagesifa/erichov.png');
	background-size: 100%;
}

.jackiethumb{
	background: url('../imagesifa/jackiethumb.png');
	background-size: 100%;
}

.jackiethumb:hover{
	background: url('../imagesifa/jackiehov.png');
	background-size: 100%;
}

/* REDEV */

.mattthumb{
	background: url('../imagesifa/mattthumb.png');
	background-size: 100%;
}

.mattthumb:hover{
	background: url('../imagesifa/matthov.png');
	background-size: 100%;
}

.rallethumb{
	background: url('../imagesifa/rallethumb.png');
	background-size: 100%;
}

.rallethumb:hover{
	background: url('../imagesifa/rallehov.png');
	background-size: 100%;
}

.nickpthumb{
	background: url('../imagesifa/nickpthumb.png');
	background-size: 100%;
}

.nickpthumb:hover{
	background: url('../imagesifa/nickphov.png');
	background-size: 100%;
}

.emilythumb{
	background: url('../imagesifa/emilythumb.png');
	background-size: 100%;
}

.emilythumb:hover{
	background: url('../imagesifa/emilyhov.png');
	background-size: 100%;
}


/* DIGITAL */

.sarahthumb{
	background: url('../imagesifa/sarahthumb.png');
	background-size: 100%;
}

.sarahthumb:hover{
	background: url('../imagesifa/sarahhov.png');
	background-size: 100%;
}

.jonnythumb{
	background: url('../imagesifa/jonnythumb.png');
	background-size: 100%;
}

.jonnythumb:hover{
	background: url('../imagesifa/jonnyhov.png');
	background-size: 100%;
}

.adamthumb{
	background: url('../imagesifa/adamthumb.png');
	background-size: 100%;
}

.adamthumb:hover{
	background: url('../imagesifa/adamhov.png');
	background-size: 100%;
}


.michellethumb{
	background: url('../imagesifa/michellethumb.png');
	background-size: 100%;
}

.michellethumb:hover{
	background: url('../imagesifa/michellehov.png');
	background-size: 100%;
}

.mcmikethumb{
	background: url('../imagesifa/mcmikethumb.png');
	background-size: 100%;
}

.mcmikethumb:hover{
	background: url('../imagesifa/mcmikehov.png');
	background-size: 100%;
}

.loganthumb{
	background: url('../imagesifa/loganthumb.png');
	background-size: 100%;
}

.loganthumb:hover{
	background: url('../imagesifa/loganhov.png');
	background-size: 100%;
}


/* MEDREL */

.brianthumb{
	background: url('../imagesifa/brianthumb.png');
	background-size: 100%;
}

.brianthumb:hover{
	background: url('../imagesifa/brianhov.png');
	background-size: 100%;
}

.patrickthumb{
	background: url('../imagesifa/patrickthumb.png');
	background-size: 100%;
}

.patrickthumb:hover{
	background: url('../imagesifa/patrickhov.png');
	background-size: 100%;
}

.mikethumb{
	background: url('../imagesifa/mikethumb.png');
	background-size: 100%;
}

.mikethumb:hover{
	background: url('../imagesifa/mikehov.png');
	background-size: 100%;
}

.submitbtn{
	width: 710px;
	margin-top: -17px !important;
}

.caps_holder{
	height: 100px;
	width: 710px;
	position: absolute;
	bottom: 170px;
	left: 110px;
}

.caps_holder li{
	margin-left: -2px;
	margin-right: 26px;
}

.caps_holder ul{
}

.caps_popup{
	display: none;
}

.caps_hover li{
	position: relative;
	top: -124px;
}

.caps_desc{
	background: #43c0bf;
	padding: 10px;
	position: absolute !important;
	width: 660px;
	margin-top: 220px;
	height: 115px;
	text-align: left;
	font-size: 28px !important;
	font-family: 'Roboto', sans-serif !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.caps_bg{
	background: #404041;
	width: 100%;
	height: 220px;
}

.caps_hov_header{
	font-size: 40px;
	color: #43c0bf;
	position: absolute;
	top: 300px;
	left: -20px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.phone_img{
	background: url('../imagesifa/phone-icon.png');
	background-size: 100%;
}

.phone_img:hover{
	background: url('../imagesifa/phonehov.png');
	background-size: 100%;
}

.email_img{
	background: url('../imagesifa/email-icon.png');
	background-size: 100%;
}

.email_img:hover{
	background: url('../imagesifa/emailhov.png');
	background-size: 100%;
}

.address_img{
	background: url('../imagesifa/address-icon.png');
	background-size: 100%;
}

.address_img:hover{
	background: url('../imagesifa/addresshov.png');
	background-size: 100%;
}

.careers_contact a{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 250px;
	background: url('../imagesifa/jointeam.png');
	background-size: 100%;
}

.careers_contact a:hover{
	background: url('../imagesifa/openpositions.png');
	background-size: 100%;
}

.works_popup{
	display: block;
	margin-top: -160px;
	height: 470px;
	margin-left: -7px;
}

.works_hov_header{
	font-size: 40px;
	color: #43c0bf;
	position: absolute;
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	bottom: 160px;
	width: 400px;
}

.works_desc{
	background: #43c0bf;
	padding: 10px;
	width: 660px;
	position: absolute;
	font-family: 'Roboto', sans-serif !important;
	bottom: 1px;
	height: 115px;
	font-size: 28px !important;
}

.work_hov li{
height: 320px !important;
}


.title_works li{
	float: left;
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	position: relative;
	height: 155px;
}